<template>
    <div class="layout-wrapper" :class="classPrefix && `${classPrefix}-wrapper`">
        <div class="content" :class="classPrefix && `${classPrefix}-content`   ">
            <slot/>
        </div>
        <Nav/>
    </div>
</template>

<script lang="ts">
    import Vue from 'vue'
    import {Component,Prop} from 'vue-property-decorator'
    @Component
    export default class App extends Vue{
        @Prop() classPrefix? :string

    }
</script>

<style lang="scss" scoped>
    .layout-wrapper {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }
    .content {
        overflow-y: auto;
        flex-grow: 1;
        padding-bottom: 52px;
    }
</style>